<template lang="html">
  <div class="box">
    <header-title :titlemain='title'></header-title>
    <ul class="sales">
      <li>期号</li>
      <li>订单号</li>
      <li>竞猜</li>
      <li>结果</li>
    </ul>
    <ul class="jiegou">
      <li v-for="item in jiegou">
        <p>{{item.qs}}</p>
        <p>{{item.ordername}}</p>
        <p>{{item.user_guess}}</p>
        <p>{{item.prize_info.result}}</p>
      </li>
    </ul>
  </div>
</template>
<script>
import title from "../geren/header_title.vue";
export default {
  name: 'geren',
  data () {
    return {
      title:"升级记录",
      jiegou:[]
    }
  },
  methods:{
    upgraderecordshuju:(boxmain)=>{
      let cur_id = sessionStorage.getItem("cur_id"),
      sign = sessionStorage.getItem("sign"),
      conent = boxmain,
      _url = "/index.php?g=app&m=shopping&a=history_order_post",
      routerParams = conent.$route.query.id;
      let _data = {
        cur_id:cur_id,
        sign:sign
      }
      conent.$http.post(_url,_data).then(function(data){
          if(data.data.status== "1"){
            conent.jiegou =data.data.data.list;
          }else {
            
          }
      },function(response){
          conent.$toast(response);
      })
    }
  },
  created:function(){
    let conent = this;
    conent.upgraderecordshuju(conent);
  },
  components:{
    "header-title":title
  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.box {
  .sales{
    width: 100vw;
    height: 10vw;
    line-height: 10vw;
    background-color: @color;
    font-size: @h1_font_size;
    overflow: hidden;
    zoom:1;
    li{
      width: 25%;
      color: @color1;
      float: left;
    }
  }
  .jiegou{
    width: 100vw;
    line-height: 10vw;
    font-size: @h3_font_size;
    li{
      width: 100%;
      border-bottom: solid 1px @color8;
      overflow: hidden;
      zoom:1;
      p{
        width: 25%;
        color: @color7;
        float: left;
      }
    }
  }
}
</style>